<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
	import="java.util.*"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="static/jquery/jquery-2.2.4.min.js" type="text/javascript"></script>
<link rel="stylesheet"
	href="static/bootstrap/css/3.3.6/bootstrap.min.css">
	<link rel="stylesheet" href="static/H+/css/style.min.css">
<script src="static/bootstrap/js/3.3.6/bootstrap.min.js"
	type="text/javascript"></script>
</head>
<style>
body {
	background-image: url(./static/img/background.jpg);
}

a:hover {
	text-decoration: none;
	color: #C40000;
}

#addForm {
	margin-top: 80px;
	font-family: 微软雅黑;
}
</style>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<body>
	<div class="nav" style="background-color: #663366;">
		<ul class="nav nav-pills">
			<li><a href="index.jsp">Index</a></li>
			<li><a href="./showDetail">用户资料</a></li>
			<li><a href="./listCar">全部汽车</a></li>
			<li class="active"><a href="addCar.jsp">添加汽车</a></li>
			<li><a href="searchCar.jsp">搜索汽车</a></li>
			<li><a href="searchUser.jsp">搜索用户</a></li>
			<li><a href="about.jsp">关于本站</a></li>
		</ul>
	</div>
	<div
		style="width: 800px; margin: 0 auto; font-size: 18px; color: rgb(196, 216, 226);">
		<form class="form-horizontal" role="form" action="addCar"
			method="post" enctype="multipart/form-data" id="addForm">

			<div class="form-group">
				<label class="col-sm-2 control-label">车主姓名</label>
				<div class="col-sm-10">
					<input type="text" name="username" class="form-control"
						placeholder="请输入您的姓名">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">车名</label>
				<div class="col-sm-10">
					<input type="text" name="carname" class="form-control"
						placeholder="请输入您的车名">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">车型</label>
				<div class="col-sm-10">
					<input type="text" name="cartype" class="form-control"
						placeholder="请输入您的汽车类型">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">汽车颜色</label>
				<div class="col-sm-10">
					<input type="text" name="carcolor" class="form-control"
						placeholder="请输入您的汽车颜色">
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">牌照</label>
				<div class="col-sm-10">
					<input type="file" name="filepath">
					<div style="float: right; font-size: 10px;">
						<a href="#" class="tooltip-test" data-toggle="tooltip"
							data-placement="left" title="上传您的汽车牌照图片，我们将自动识别您的牌照并上传">帮助</a>.
					</div>
				</div>
			</div>

			<div class="form-group">
				<div class="col-sm-offset-2 col-sm-10">
					<input type="submit" class="btn btn-default" value="上传信息">
				</div>
			</div>

		</form>
	</div>

</body>
<script>
	$(function() {
		$("[data-toggle='tooltip']").tooltip();
	});
</script>